<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>周迎川的Web大作业</title>
  <!-- MDB icon -->
  <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <!-- Material Design Bootstrap -->
  <link rel="stylesheet" href="css/mdb.min.css">
  <!-- Your custom styles (optional) -->
  <link rel="stylesheet" href="css/style_sen4.css">
</head>

<body>

  <!-- Start your project here-->
  <!-- Main navigation -->
  <header id="home">
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">
      <div class="container">
        <a class="navbar-brand" href="index.html">我的教育经历</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
          aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">Home
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="primary.html">小学</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="junior.html" data-offset="90">初中</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="senior.html" data-offset="90">高中</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="senior4.html" data-offset="90">高四</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="university.html" data-offset="90">大学</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="ending.html" data-offset="90">Ending</a>
            </li>
          </ul>
          <!-- Social Icon  -->
          <ul class="navbar-nav nav-flex-icons">
            <li class="nav-item">
              <a class="nav-link">
                <i class="fab fa-facebook-f light-green-text-2"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link">
                <i class="fab fa-twitter light-green-text-2"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link">
                <i class="fab fa-instagram light-green-text-2"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- Navbar -->
    <!-- Full Page Intro -->
    <div class="view">
      <video class="video-intro" poster="https://mdbootstrap.com/img/Photos/Others/background.jpg" playsinline autoplay
        muted loop>
        <source src="https://mdbootstrap.com/img/video/animation.mp4" type="video/mp4">
      </video>
      <!-- Mask & flexbox options-->
      <div class="mask rgba-gradient d-flex justify-content-center align-items-center">
        <!-- Content -->
        <div class="container px-md-3 px-sm-0">
          <!--Grid row-->
          <div class="row wow fadeIn">
            <!--Grid column-->
            <div class="col-md-12 mb-4 white-text text-center wow fadeIn">
              <h3 class="display-3 font-weight-bold white-text mb-0 pt-md-5 pt-5">高四</h3>
              <hr class="hr-light my-4 w-75">
              <h4 class="subtext-header mt-2 mb-4">让努力成为一种习惯，而不是一时热血。</h4>
              <a href="#about" data-offset="90" class="btn btn-rounded btn-outline-white">
                <i class="fas fa-home "></i> Visit me
              </a>
            </div>
            <!--Grid column-->
          </div>
          <!--Grid row-->
        </div>
        <!-- Content -->
      </div>
      <!-- Mask & flexbox options-->
    </div>
    <!-- Full Page Intro -->
  </header>
  <!--Main layout-->
  <main class="mt-5" id="about">

    <hr class="my-5">


    <!--Section: projects-->
    <section id="projects" class="text-center py-5" style="background-color: #eee;">

      <!-- Container -->
      <div class="container">

        <!-- Section heading -->
        <h2 class="h1-responsive font-weight-bold mb-5">高四前期</h2>
        <!-- Section description -->
        <!-- <p class="grey-text w-responsive mx-auto mb-5">Duis aute irure dolor in reprehenderit in
           voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
           cupidatat non proident, sunt in culpa qui officia deserunt mollit est laborum.</p>
  -->
        <!-- Grid row -->
        <div class="row text-center">

          <!-- Grid column -->
          <div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
            <!--Featured image-->
            <div class="view overlay rounded z-depth-1">
              <img src="./img/myimg/gz4/gz8.jpg" class="img-fluid" alt="Sample project image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
              <!--Excerpt-->
              <div class="card-body pb-2">
                <h4 class="font-weight-bold my-3">高四的开始</h4>
                <p class="grey-text">都说付出不一定有收获，但是不付出一定不会有收获。所以我最后也是收获了“再来一次”。
                  当你的才华还不能支撑你的野心时，你应该静下来学习；当你的能力还不能驾驭你的目标时，就应该静下来历练。
                </p>
                <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
              </div>
            </div>
          </div>
          <!-- Grid column -->

          <!-- Grid column -->
          <div class="col-lg-4 col-md-6 mb-md-0 mb-4">
            <!--Featured image-->
            <div class="view overlay rounded z-depth-1">
              <img src="./img/myimg/gz4/gz12.jpg" class="img-fluid" alt="Sample project image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
              <!--Excerpt-->
              <div class="card-body pb-2">
                <h4 class="font-weight-bold my-3">特别的光棍节</h4>
                <p class="grey-text">2018/11/11，像往常一样，我一如既往是个光棍，但是这次我没有收到棒棒糖，发糖的人都读大学去了，我只能收个寂寞。
                  每逢佳节倍思“亲”，这一天我确实想了很多，晚上，到我们班高考报名了，这张照片是我报完名之后在回教室的路上拍的，而且还发了一个QQ空间
                  ，并且还祝自己光棍节快乐，也收到了来自朋友们的加油。
                </p>
                <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
              </div>
            </div>
          </div>
          <!-- Grid column -->

          <!-- Grid column -->
          <div class="col-lg-4 col-md-6">
            <!--Featured image-->
            <div class="view overlay rounded z-depth-1">
              <img src="./img/myimg/gz4/gz39.jpg" class="img-fluid" alt="Sample project image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
              <!--Excerpt-->
              <div class="card-body pb-2">
                <h4 class="font-weight-bold my-3">“永远”不变的银杏</h4>
                <p class="grey-text">在高四巨大压力下，说是每天快快乐乐学习那也是假的，每次想到自己之前的失利，自己的好朋友都已经是大学生，
                  身处的环境还是以前的环境，却身边的人都不是故人，每个月的考试也总是不会那么尽人意，顿生力不从心之感。物是人非事事休，欲语泪先流。
                  也真是巧合，我的教室还是以前的教室，却依旧觉得陌生。只有这银杏我觉得他还是从前那个“少年”，没有一丝丝改变。
                </p>
                <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
              </div>
            </div>
          </div>
          <!-- Grid column -->

        </div>
        <!-- Grid row -->

      </div>
      <!-- Container -->

    </section>
    <!--Section: projects-->


    <hr class="my-5">


    <div class="container">

      <!--Section: gallery-->
      <section id="gallery" class="text-center py-5">

        <!-- Container -->
        <div class="container">

          <!-- Section heading -->
          <h2 class="h1-responsive font-weight-bold mb-5">下雪</h2>
          <!-- Section description -->
          <p class="grey-text w-responsive mx-auto mb-5">忽如一夜春风来，千树万树梨花开。
            毫无防备，凤鸣中学2019年的第一场雪就这么来了！在这备战高考之际，因为这突然下的一场雪，
            让我突然将三角函数，牛顿定理，元素周期表，还是我吹了几个早自习冷风背下来的《送东阳马生序》，
            都抛之脑后。红梅临寒开，瑞雪兆丰年。学子凌云志，今秋送喜来。
          </p>
          <div class="row">
            <div class="col-md-12">

              <div id="mdb-lightbox-ui"></div>

              <div class="mdb-lightbox">

                <figure class="col-md-4">
                  <a href="./img/myimg/gz4/gz32.jpg" data-size="1600x1067">
                    <img src="./img/myimg/gz4/gz32.jpg" class="img-fluid z-depth-1-half">
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/gz4/gz33.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/gz4/gz35.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/gz4/gz36.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/gz4/gz38.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/gz4/gz40.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

              </div>

            </div>
          </div>

        </div>
        <!-- Container -->

      </section>
      <!--Section: gallery-->

      <hr class="my-5">
      <!--Section: projects-->
      <section id="projects" class="text-center py-5" style="background-color: #eee;">

        <!-- Container -->
        <div class="container">

          <!-- Section heading -->
          <h2 class="h1-responsive font-weight-bold mb-5">高四末期</h2>
          <!-- Section description -->
          <!-- <p class="grey-text w-responsive mx-auto mb-5">Duis aute irure dolor in reprehenderit in
          voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
          cupidatat non proident, sunt in culpa qui officia deserunt mollit est laborum.</p> -->

          <!-- Grid row -->
          <div class="row text-center">

            <!-- Grid column -->
            <div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz4/gz20.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">第二次高考结束</h4>
                  <p class="grey-text">2019/06/09，我人生第二次高考结束了，经历了过去一年的压抑，现在算是可以放松了。这是我高四的室友们，
                    他们好像也不是非常的开心，也许是感觉自己没有发挥到最好，也许是以前一直想结束掉的这段青春，现在真的结束了，有点不舍吧！
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

            <!-- Grid column -->
            <div class="col-lg-4 col-md-6 mb-md-0 mb-4">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz4/gz4.1.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">高中最后一撸</h4>
                  <p class="grey-text">我已经两年没有玩这个游戏了，高一、高二的青春全部花费在了这个叫LOL的游戏中，似乎有一丝后悔，但是更多的是开心。
                    经常去网吧开黑，和自己的好兄弟出生入死，一起输一起赢。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

            <!-- Grid column -->
            <div class="col-lg-4 col-md-6">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz4/gz10.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">大学录取通知书</h4>
                  <p class="grey-text">
                    努力就会有回报，我用录取通知书证明。这一年我尝遍了酸甜苦辣咸，是我这些年最幸苦的一年，没有之一。
                    这一年是我思想的转折点，不再是以前那个懵懂的少年，而是一个成年人了，我真的把努力变成一种习惯了，而不是一时热血了。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

          </div>
          <!-- Grid row -->

        </div>
        <!-- Container -->

      </section>



      <hr class="my-5">
      <div class="container">
        <!--Grid row 1-->
        <div class="row">
          <!--Grid column 1-->
          <div class="col-md-7">
            <div class="view overlay z-depth-1-half">
              <img src="./img/myimg/gz4/gz21.jpg" class="card-img-top" alt="">
              <div class="mask rgba-white-light"></div>
            </div>
          </div>
          <!--Grid column-->
          <!--Grid column 2-->
          <div class="col-md-5">
            <h2>06/2019，在外国语学校留影</h2>
            <hr>
            <p>
              这里面有一个对我很重要的人，高四不长不短，用来遇见你刚好足够。我心情不好的时候，她会在第二天早上给我的桌上放一个小礼物，
              留一张小纸条。
            </p>
            <p>“你怎么那么细心？还有那么多精力去弄这些？学习不累吗？”</p>
            <p>“我不够细心，也没有很多精力，但我的一切，用来喜欢你，刚好足够。”</p>

            <hr class="my-5">

            <p>村上春树曾说：“我动了离开你的念头。不是因为你不好，也不是因为不爱了。而是你对我的态度，让我觉得你的世界并不缺我。”
              其实我可以厚着脸皮再纠缠你，但再也没任何意义。明知道没有结果的事，苦苦纠缠，威逼利诱，相爱相杀，最后一定都不会有好结果。
            </p>
            <p>该放手的时候就不要纠结,该告别就不要犹豫。及时止损，记住及时比止损更重要。
              连古人都告诚我们：“弃我去者，昨日之日不可留。乱我心者，今日之日多烦忧。”谁的感情都很珍贵，谁对谁的爱都不是理所当然的。
              能珍惜就别挥霍。</p>
            <!-- <a href="#" class="btn btn-primary offset-90" >Get it now!</a> -->
          </div>
          <!--Grid column-->
        </div>
        <!--Grid row-->
      </div>



      <hr class="my-5">
      <div class="container">
        <!--Grid row 1-->
        <div class="row">
          <!--Grid column 1-->
          <div class="col-md-7">
            <div class="view overlay z-depth-1-half">
              <img src="./img/myimg/gz4/gz27.jpg" class="card-img-top" alt="">
              <div class="mask rgba-white-light"></div>
            </div>
          </div>
          <!--Grid column-->
          <!--Grid column 2-->
          <div class="col-md-5">
            <h2>06/2019，毕业于凤鸣中学</h2>
            <hr>
            <p>暮春时节，少出游，多埋首，书似青山，乱叠崖陡，灯如红豆，通明几宿，竹入春风拔节，
              蝉至夏夜褪茧，花心相望而立，志满怀，愁万点。考题难做路难行，幸得比邻总如云，画眉深浅有人询。
              谢自己，三分轻狂，两分拖延，两分热血，三分勤勉，一分擂鼓战九分，不易。
              谢老师，任沙鸥，台南地自右，劝顽猴，经卷不休，难觅。谢朋友，互黑常有，八卦不朽。</p>
            <!-- <a href="#" class="btn btn-primary offset-90" >Get it now!</a> -->
          </div>
          <!--Grid column-->
        </div>
        <!--Grid row-->
      </div>

    </div>

  </main>


  <!-- Footer -->
  <footer class="page-footer font-small pt-4" style="background-color: #563e91">

    <!-- Footer Elements -->
    <div class="container">

      <!-- Social buttons -->
      <ul class="list-unstyled list-inline text-center">
        <li class="list-inline-item">
          <a class="btn-floating btn-fb mx-1">
            <i class="fab fa-facebook-f"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-tw mx-1">
            <i class="fab fa-twitter"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-gplus mx-1">
            <i class="fab fa-google-plus-g"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-li mx-1">
            <i class="fab fa-linkedin-in"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-dribbble mx-1">
            <i class="fab fa-dribbble"> </i>
          </a>
        </li>
      </ul>
      <!-- Social buttons -->

    </div>
    <!-- Footer Elements -->

    <!-- Copyright -->
    <div class="footer-copyright text-center py-3">© 2018 Copyright:
      <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>
    </div>
    <!-- Copyright -->

  </footer>
  <!-- Footer -->


  <!-- End your project here-->

  <!-- jQuery -->
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript" src="js/popper.min.js"></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript" src="js/mdb.min.js"></script>
  <!-- Your custom scripts (optional) -->
  <script type="text/javascript"></script>

</body>

</html>